<script lang="ts">
import { defineComponent } from "vue";

export default defineComponent({
  props: {
    modelValue: Boolean,
  },
});
</script>

<template>
  <div class="popup-collapse">
    <img
      class="popup-collapse-icon"
      :style="{ transform: modelValue ? 'rotate(-180deg)' : '' }"
      src="../../assets/img/icon-collapse.png"
    />
  </div>
</template>

<style lang="less">
.popup-collapse {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 28px;

  .popup-collapse-icon {
    width: 26px;
  }
}
</style>
